import {createRouter, createWebHashHistory} from "vue-router";
import Home from "./views/Home.vue";
import Doc from "./views/Doc.vue"
import SwitchDemo from "./components/SwitchDemo.vue"
import ButtonDemo from "./components/ButtonDemo.vue"
import DialogDemo from "./components/DialogDemo.vue"
import TabsDemo from "./components/TabsDemo.vue"
import {h} from "vue";
import Markdown from "./components/Markdown.vue";

const md = filename => h(Markdown,{path:`../markdown/${filename}.md`,key:filename})
const history = createWebHashHistory()
export const router = createRouter({
  history:history,
  routes:[
    {path:'/',component:Home},
    {path:'/doc',component:Doc,children:[
        {path:'',redirect:'/doc/intro'},
        {path:'intro',component:md("intro")},
        {path:'get-started',component:md("getStart")},
        {path:'install',component:md("install")},
        {path:'switch',component:SwitchDemo},
        {path:'button',component:ButtonDemo},
        {path:'dialog',component:DialogDemo},
        {path:'tabs',component:TabsDemo},
      ]}
  ]
})
